<template>
  <div>
    <el-row class="unifined-row-collect">
      <el-col :span="leftWidth">店铺</el-col>
      <el-col :span="3">
        <el-tag>官方自营旗舰店</el-tag>
      </el-col>
    </el-row>

    <el-row class="unifined-row-collect">
      <el-col :span="leftWidth">所属类目</el-col>
      <el-col :span="24 - leftWidth">
        <slot name="select"></slot>
      </el-col>
    </el-row>

    <el-row class="unifined-row-collect">
      <el-col :span="leftWidth">商品标题</el-col>
      <el-col :span="24 - leftWidth">
        <slot name="default"></slot>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  props: {
    leftWidth: {
      type: Number,
      default: 4,
    },
    list: {
      // 店铺分类数据
      type: Array,
      default() {
        return [];
      },
    },
    choice: {
      // 分类当前选择的ID
      type: String,
      default: "",
    },
    title: {
      // 商品标题
      type: String,
      default: "商品标题",
    },
    placeholder: {
      // 商品标题输入框
      type: String,
      default: "请输入商品标题",
    },
  },
  data() {
    return {};
  },
};
</script>

<style></style>
